<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>物资销售订单</title>

<link href="../css/bootstrap-combined.min.css" rel="stylesheet"
	type="text/css">
<link href="../css/layoutit.css" rel="stylesheet" type="text/css">
<link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css">
<script src="../js/jquery-2.0.0.min.js"></script>
<script src="../js/jquery-ui.js"></script>
<script src="../js/jquery.htmlClean.js"></script>
<script src="../js/scripts.js"></script>
<script src="../js/bootstrap.min.js"></script>

</head>
<body style="margin:0;padding:0;">
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span12">
				<div class="navbar navbar-inverse">
					<div class="navbar-inner">
						<div class="container-fluid">
							<img class="pull-left" alt="网站首页LOGO" src="../img/logo.jpg"
								style="width: 40px; height: 40px; padding: 0"
								href="./ILIP_Customer_Main.html"> <a
								class="btn btn-navbar" data-target=".navbar-responsive-collapse"
								data-toggle="collapse"></a> <a class="brand"
								href="./ILIP_Customer_Main.html">攀枝花物流平台</a>
							<div class="nav-collapse collapse navbar-responsive-collapse">
								<ul class="nav">
									<li><a href="./ILIP_Customer_Main.html">首页</a></li>
									<li><a href="./ILIP_Customer_SearchPrice.html">查价·发货</a></li>
									<li><a href="./ILIP_Customer_Logistice_Plat.html">物流专场</a>
									</li>
									<li class="active"><a
										href="./ILIP_Customer_Goods_Plat.html">货源专场</a></li>
								</ul>
							</div>
							<ul class="nav pull-right">
								<li><span class="badge">1</span></li>
								<li><a href="#">物流信息</a></li>
								<li class="divider-vertical"></li>
								<li>
									<div class="btn-group btn-inverse">
										<button class="btn btn-inverse">用户名</button>
										<button data-toggle="dropdown"
											class="btn dropdown-toggle btn-inverse">
											<span class="caret"></span>
										</button>
										<ul class="dropdown-menu">
											<li><a href="./ILIP_Customer_PersonCenter_Account.jsp">个人中心</a></li>
											<li><a href="#">设置</a></li>
											<li><a href="#">帮助</a></li>
											 <li><a href="./Login_Register.jsp">退出登录</a></li>
										</ul>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="container-fluid container" style="width: 500px">
			<div>
				<img alt="米其林轮胎" width="100px" height="100px"
					src="../img/miqilin.jpg">
			</div>
			<table cellpadding="10px" style="position: center">
				<tr>
					<td>物资编号：</td>
					<td>53</td>
				</tr>
				<tr>
					<td>物资名称：</td>
					<td>米其林轮胎</td>
				</tr>
				<tr>
					<td>计量单位：</td>
					<td>只</td>
				</tr>
				<tr>
					<td>供应数量：</td>
					<td>100</td>
				</tr>
				<tr>
					<td>单价：</td>
					<td>￥50.00</td>
				</tr>
				<tr>
					<td>购买数量：</td>
					<td><input id="number" type="number" value="" min="1"
						max="100" required="required" /></td>
				</tr>
				<tr align="center">
					<td colspan="2"><a role="button" class="btn"
						data-toggle="modal" onclick="setNumber()">提交订单</a></td>
				</tr>
			</table>
		</div>

		<div id="submit_modal" class="modal hide fade" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">×</button>
				<h3 id="myModalLabel">确认订单</h3>
			</div>
			<div class="modal-body">
				<form action="addCustomerClientbuy" method="post">
					<table>
						<tr>
							<td>物资编号：</td>
							<td><input type="text" value="53" name="clientmaterialid"
								readonly="readonly"></td>
						</tr>
						<tr>
							<td>物资名称：</td>
							<td><input type="text" disabled="disabled" value="米其林轮胎"></td>
						</tr>
						<tr>
							<td>计量单位：</td>
							<td><input type="text" disabled="disabled" value="只"></td>
						</tr>
						<tr>
							<td>单价(元)：</td>
							<td><input type="text" disabled="disabled" value="50">
							</td>
						</tr>
						<tr>
							<td>购买数量：</td>
							<td><input id="buynumber" type="text" value="10"
								name="buynumber" readonly="readonly"></td>
						</tr>
						<tr>
							<td>费用：</td>
							<td><input id="price" type="text" value="500" name="price"
								readonly="readonly">
							<td>
						</tr>
					</table>
					<div class="modal-footer">
						<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
						<input class="btn btn-primary" type="submit" value="确认提交">
					</div>
				</form>
			</div>
		</div>

		<div id="warning_modal" class="modal hide fade" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">×</button>
				<h3 id="myModalLabel">警告</h3>
			</div>
			<div class="modal-body">
				<h3>请先填写购买数量</h3>
			</div>
		</div>


		<div class="footer2018Box" align="center" style="margin-top:2%;">
			<p>
				<a rel="nofollow" href="#">关于攀枝花物流平台</a><em>|</em><a href="">网站导航</a><em>|</em><a
					rel="nofollow" href="">客服中心</a> <em>|</em><a rel="nofollow" href="">法律声明</a><em>|</em><a
					rel="nofollow" href="">广告服务</a> <em>|</em><a href="#">友情链接</a><em>|</em><a
					href="#">市场变动</a><em>|</em><a href="#">知识天地</a>
			</p>
			<p>
				<span>客服咨询热线：000-0000-0000 ( 免长途费 )&nbsp;&nbsp;</span><span>工作时间：8:00
					- 19:00</span>
			</p>
			<p>网络备案编号：000000000001</p>
			<p>Copyright©2000-2018ILIP.All Rights Reserved</p>
		</div>
	</div>
</body>
<script type="text/javascript">
	$("#warning_modal").modal("hide");
	$("#submit_modal").modal("hide");
	function setNumber() {
		var number = document.getElementById("number").value;
		if (number) {
			document.getElementById("buynumber").value = number;
			document.getElementById("price").value = number * 50;
			$("#submit_modal").modal("show");
		}
		else
			$("#warning_modal").modal("show");
	}
</script>
</html>